<template>
  <view>
    <view class="topView">
      <view class="container">
        <view class="text">请完善地址所在地区的街道/镇信息</view>
        <view class="checkBtnBox">
          <view class="btn submit" @click="closeDialog" >立即完善</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    props: {
      operateHandle: {
        type: String
      },
      orderAddressId: {
        typeof: String
      }
    },
    methods: {
      closeDialog() {
        if (this.operateHandle == 'submit') {
          this.$emit('closeStreetDialog')
          uni.navigateTo({
            url: '/pages/customer/address?fromPage=order&addressId=' + this.orderAddressId
          })
        } else {
          this.$emit('closeStreetDialog')
        }
      }
    }
  }
</script>

<style lang="scss">
  .topView {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;

    .container {
      position: absolute;
      top: 36%;
      width: 520rpx;
      height: 300rpx;
      background: #fff;
      margin: auto;
      left: 0;
      right: 0;

      .text {
        text-align: center;
        font-size: 28rpx;
        line-height: 45rpx;
        margin: 84rpx auto 60rpx;
      }

      .checkBtnBox {
        margin: 0 48rpx;
        display: flex;
        justify-content: center;

        .btn {
          width: 196rpx;
          height: 68rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #333;
          background: #fff;
          color: #000;

          &.submit {
            color: #fff;
            background: #000;
          }
        }
      }
    }
  }
</style>
